let value = '55.33%';


option = {
    backgroundColor: 'tranparent',
    title: {
        text: value,
        x: 'center',
        y: 'center',
        textStyle: {
            color: '#ffffff',
        },
    },
    series: [{
            type: 'gauge',
            radius: '11%',
            clockwise: false,
            startAngle: '90',
            endAngle: '-269.9999',
            splitNumber: 25,
            detail: {
                offsetCenter: [0, -40],
                formatter: ' '
            },
            pointer: {
                show: false
            },
            axisLine: {
                show: true,
                lineStyle: {
                    color: [
                        [0, '#2FDFD3'],
                        [52 / 100, '#1DE2A4'],
                        [1, 'rgba(32,187,252,0.15)']
                    ],
                    width: 30
                }
            },
            axisTick: {
                show: false
            },
            splitLine: {
                show: true,
                length: 32,
                lineStyle: {
                    color: '#051F54',
                    width: 6
                }
            },
            axisLabel: {
                show: false
            }
        },

        {
            type: 'pie',
            name: '内层细圆环',
            radius: ['13.6%', '14%'],
            hoverAnimation: false,
            clockWise: false,
            itemStyle: {
                normal: {
                    color: '#0146269'
                }
            },
            label: {
                show: false
            },
            data: [100]
        },
                {
            type: 'pie',
            name: '内层细圆环',
            radius: ['5.8%', '6.2%'],
            hoverAnimation: false,
            clockWise: false,
             animation:false,
            itemStyle: {
                normal: {
                    color: '#0146269'
                }
            },
            label: {
                show: false
            },
            data: [100]
        },
        {
            type: 'pie',
            name: '内层环',
            radius: ['14%', '17%'],
            hoverAnimation: false,
            clockWise: false,
            animation:false,
            itemStyle: {
                normal: {
                    color: '#145C63'
                }
            },
            label: {
                show: false
            },
            data: [{
                value: 20,
                itemStyle: {
                    normal: {
                        color: 'transparent'
                    }
                }
            }, 100, {
                value: 20,
                itemStyle: {
                    normal: {
                        color: 'transparent'
                    }
                }
            }, 100]
        }
    ]
};